﻿<%@ Page Title="" Language="C#" MasterPageFile="~/templates/general.master" AutoEventWireup="true" CodeFile="aboutus.aspx.cs" Inherits="aboutus" %>

<%@ MasterType VirtualPath="~/templates/general.master" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeaderContent" runat="Server">
    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Dosis|Open+Sans" />
    <link type="text/css" href="<%=Page.ResolveUrl("~/css/tabs/font-awesome.min.css")%>" rel="stylesheet" />
    <link type="text/css" href="<%=Page.ResolveUrl("~/css/tabs/animate-custom.css")%>" rel="stylesheet" />
    <link type="text/css" href="<%=Page.ResolveUrl("~/css/tabs/navion-css.css")%>" rel="stylesheet" />
    <link type="text/css" href="<%=Page.ResolveUrl("~/css/tabs/navion-responsive.css")%>" rel="stylesheet" />

    <link href="<%=Page.ResolveUrl("~/css/icons.css")%>" rel="stylesheet" />
    <script src="scripts/contactus.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <div class="fullScreenItem " id="aboutusPage">
        <div id="containerCenter">
            <div id="container">
                <div class="headerTitle">About us</div>
            </div>
        </div>
        <div class="nav-metro">

            <!-- Start Sub Menu -->
            <input type="radio" class="nav-subctrl" id="submenu-2" name="navion">
            <div class="nav-submenu animated nav-fadeInUp">

                <!-- Start Sub Tab - Team -->
                <label class="nav-subtab subtab-pos-2 solid-blue-2" for="nav-subtab-3c">
                    <span>Team</span>
                </label>
                <!-- End Sub Tab - Team -->

                <!-- Start Sub Tab Content - Team -->
                <input type="radio" class="nav-subtab-ctrl" name="navion-subtab" id="nav-subtab-3c" checked />
                <div class="nav-sub-container animated nav-fadeInLeft nav-subtab-content dark-text transparent-mist">

                    <!-- Start Active Line -->
                    <div class="nav-subtab-active subtab-pos-2 solid-blue-2"></div>
                    <!-- End Active Line -->

                    <!-- Start Content Zone -->
                    <div class="nav-submenu-content">
                        <div class="nav-col-0 dark-text">
                            <div id="team-section">

                                <div style="float: left; width: 22%;">
                                    <img class="team-member-img" src="images/people/ayyappan.png" title="Ayyappan" alt="Ayyappan" />
                                    <h3 class="team-member-name"><a href="#" style="font-size: 15px; font-weight:bold; color: #fff;">Ayyappan Ramamuniappa</a></h3>
                                    <h5 class="team-member-position">Web Services</h5>
                                    <div class="team-member-bio">               
                                    </div>
                                    <div class="member-contact">
                                        <h5 class="member-email">E:<a href="mailto:ucabra0@ucl.ac.uk">ucabra0@ucl.ac.uk</a></h5>
                                       <%-- <ul class="social-icons dark small">
                                            <li class="twitter"><a href="http://www.twitter.com/#" target="_blank">Twitter</a></li>
                                            <li class="facebook"><a href="#" target="_blank">Facebook</a></li>
                                            <li class="linkedin"><a href="#" target="_blank">LinkedIn</a></li>
                                            <li class="googleplus"><a href="#" target="_blank">Google+</a></li>
                                            <li class="skype"><a href="skype:#" target="_blank">Skype</a></li>
                                        </ul>--%>
                                    </div>
                                </div>
                                <div style="float: left; width: 22%; padding-left: 35px;">
                                    <img class="team-member-img" src="images/people/marios.png" title="Marios" alt="Marios" />
                                    <h3 class="team-member-name"><a href="#" style="font-size: 15px; font-weight:bold; color: #fff;">Marios Constantinides</a></h3>
                                    <h5 class="team-member-position">Web Development</h5>
                                    <div class="team-member-bio">
                                    </div>
                                    <div class="member-contact">
                                        <h5 class="member-email">E:<a href="mailto:ucabco0@ucl.ac.uk">ucabco0@ucl.ac.uk</a></h5>
                                       <%-- <ul class="social-icons dark small">
                                            <li class="twitter"><a href="http://www.twitter.com/#" target="_blank">Twitter</a></li>
                                            <li class="facebook"><a href="#" target="_blank">Facebook</a></li>
                                            <li class="linkedin"><a href="#" target="_blank">LinkedIn</a></li>
                                            <li class="googleplus"><a href="#" target="_blank">Google+</a></li>
                                            <li class="skype"><a href="skype:#" target="_blank">Skype</a></li>
                                        </ul>--%>
                                    </div>
                                </div>
                                <div style="float: left; width: 22%; padding-left: 35px;">
                                    <img class="team-member-img" src="images/people/pejman.png" title="Pejman" alt="Pejman" />
                                    <h3 class="team-member-name"><a href="#" style="font-size: 15px; font-weight:bold; color: #fff;">Pejman Aghili</a></h3>
                                    <h5 class="team-member-position">Database</h5>
                                    <div class="team-member-bio">
                                    </div>
                                    <div class="member-contact">
                                        <h5 class="member-email">E:<a href="mailto:ucabag0@ucl.ac.uk">ucabag0@ucl.ac.uk</a></h5>
                                        <%--<ul class="social-icons dark small">
                                            <li class="twitter"><a href="http://www.twitter.com/#" target="_blank">Twitter</a></li>
                                            <li class="facebook"><a href="#" target="_blank">Facebook</a></li>
                                            <li class="linkedin"><a href="#" target="_blank">LinkedIn</a></li>
                                            <li class="googleplus"><a href="#" target="_blank">Google+</a></li>
                                            <li class="skype"><a href="skype:#" target="_blank">Skype</a></li>
                                        </ul>--%>
                                    </div>

                                </div>
                                <div style="float: left; width: 22%; padding-left: 35px;">
                                    <img class="team-member-img" src="images/people/zheng.png" title="Zheng" alt="Zheng" />
                                    <h3 class="team-member-name"><a href="#" style="font-size: 15px; font-weight:bold; color: #fff;">Zheng Gao</a></h3>
                                    <h5 class="team-member-position">Gadgeteer Library</h5>
                                    <div class="team-member-bio">
                                    </div>
                                    <div class="member-contact">
                                        <h5 class="member-email">E:<a href="mailto:ucabgao@ucl.ac.uk">ucabgao@ucl.ac.uk</a></h5>
                                        <%--<ul class="social-icons dark small">
                                            <li class="twitter"><a href="http://www.twitter.com/#" target="_blank">Twitter</a></li>
                                            <li class="facebook"><a href="#" target="_blank">Facebook</a></li>
                                            <li class="linkedin"><a href="#" target="_blank">LinkedIn</a></li>
                                            <li class="googleplus"><a href="#" target="_blank">Google+</a></li>
                                            <li class="skype"><a href="skype:#" target="_blank">Skype</a></li>
                                        </ul>--%>
                                    </div>

                                </div>
                            </div>
                            <%--<div id="team-row">
                                <div class="team-member">
                                    <img class="team-member-img" src="images/people/ayyappan.png" title="Ayyappan" alt="Ayyappan" />
                                    <h3 class="team-member-name"><a href="#" style="font-size: 20px; color: #fff;">Ayyappan Ramamuniappa</a></h3>
                                    <h3 class="team-member-position">Web Services</h3>
                                    <div class="team-member-bio">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                            Suspendisse viverra mauris eget tortor imperdiet vehicula.
                            Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi.
                                    </div>
                                    <div class="member-contact">
                                        <h5 class="member-email">E:<a href="mailto:ucabra0@ucl.ac.uk">ucabra0@ucl.ac.uk</a></h5>
                                        <h5 class="member-tel">T:+074 4923 0514</h5>
                                    </div>
                                    <ul class="social-icons dark small">
                                        <li class="twitter"><a href="http://www.twitter.com/#" target="_blank">Twitter</a></li>
                                        <li class="facebook"><a href="#" target="_blank">Facebook</a></li>
                                        <li class="linkedin"><a href="#" target="_blank">LinkedIn</a></li>
                                        <li class="googleplus"><a href="#" target="_blank">Google+</a></li>
                                        <li class="skype"><a href="skype:#" target="_blank">Skype</a></li>
                                    </ul>
                                </div>
                                <div class="team-member">
                                    <img class="team-member-img" src="images/people/marios.png" title="Marios" alt="Marios" />
                                    <h3 class="team-member-name"><a href="#" style="font-size: 20px; color: #fff;">Marios Constantinides</a></h3>
                                    <h3 class="team-member-position">Web Development</h3>
                                    <div class="team-member-bio">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                            Suspendisse viverra mauris eget tortor imperdiet vehicula.
                            Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi.
                                    </div>
                                    <div class="member-contact">
                                        <h5 class="member-email">E:<a href="mailto:ucabco0@ucl.ac.uk">ucabco0@ucl.ac.uk</a></h5>
                                        <h5 class="member-tel">T:+078 4545 6764</h5>
                                    </div>
                                    <ul class="social-icons dark small">
                                        <li class="twitter"><a href="http://www.twitter.com/#" target="_blank">Twitter</a></li>
                                        <li class="facebook"><a href="#" target="_blank">Facebook</a></li>
                                        <li class="linkedin"><a href="#" target="_blank">LinkedIn</a></li>
                                        <li class="googleplus"><a href="#" target="_blank">Google+</a></li>
                                        <li class="skype"><a href="skype:#" target="_blank">Skype</a></li>
                                    </ul>
                                </div>
                                <div class="team-member">
                                    <img class="team-member-img" src="images/people/pejman.png" title="Pejman" alt="Pejman" />
                                    <h3 class="team-member-name"><a href="#" style="font-size: 20px; color: #fff;">Pejman Aghili</a></h3>
                                    <h3 class="team-member-position">Databases</h3>
                                    <div class="team-member-bio">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                            Suspendisse viverra mauris eget tortor imperdiet vehicula.
                            Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi.
                                    </div>
                                    <div class="member-contact">
                                        <h5 class="member-email">E:<a href="mailto:ucabag0@ucl.ac.uk">ucabag0@ucl.ac.uk</a></h5>
                                        <h5 class="member-tel">T:+077 2964 2000</h5>
                                    </div>
                                    <ul class="social-icons dark small">
                                        <li class="twitter"><a href="http://www.twitter.com/#" target="_blank">Twitter</a></li>
                                        <li class="facebook"><a href="#" target="_blank">Facebook</a></li>
                                        <li class="linkedin"><a href="#" target="_blank">LinkedIn</a></li>
                                        <li class="googleplus"><a href="#" target="_blank">Google+</a></li>
                                        <li class="skype"><a href="skype:#" target="_blank">Skype</a></li>
                                    </ul>
                                </div>
                                <div class="team-member">
                                    <img class="team-member-img" src="images/people/zheng.png" title="Zheng" alt="Zheng" />
                                    <h3 class="team-member-name"><a href="#" style="font-size: 20px; color: #fff;">Zheng Gao</a></h3>
                                    <h3 class="team-member-position">Gadgeteer Library</h3>
                                    <div class="team-member-bio">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                            Suspendisse viverra mauris eget tortor imperdiet vehicula.
                            Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi.
                                    </div>
                                    <div class="member-contact">
                                        <h5 class="member-email">E:<a href="mailto:ucabgao@ucl.ac.uk">ucabgao@ucl.ac.uk</a></h5>
                                        <h5 class="member-tel">T:+075 4940 3903</h5>
                                    </div>
                                    <ul class="social-icons dark small">
                                        <li class="twitter"><a href="http://www.twitter.com/#" target="_blank">Twitter</a></li>
                                        <li class="facebook"><a href="#" target="_blank">Facebook</a></li>
                                        <li class="linkedin"><a href="#" target="_blank">LinkedIn</a></li>
                                        <li class="googleplus"><a href="#" target="_blank">Google+</a></li>
                                        <li class="skype"><a href="skype:#" target="_blank">Skype</a></li>
                                    </ul>
                                </div>
                            </div>--%>
                        </div>
                        <div class="clearspace"></div>
                    </div>

                </div>
                <!-- End Sub Tab Content - Team -->

                <!-- Start Sub Tab - Contact us -->
                <label class="nav-subtab subtab-pos-3 solid-purple" for="nav-subtab-2c">
                    <span>Contact us</span>
                </label>
                <!-- End Sub Tab - Contact us -->

                <!-- Start Sub Tab Content - Contact us -->
                <input type="radio" class="nav-subtab-ctrl" name="navion-subtab" id="nav-subtab-2c">
                <div class="nav-sub-container animated nav-fadeInRight nav-subtab-content dark-text transparent-mist">

                    <!-- Start Active Line -->
                    <div class="nav-subtab-active subtab-pos-3 solid-purple"></div>
                    <!-- End Active Line -->

                    <!-- Start Content Zone -->
                    <div class="nav-submenu-content">
                        <div class="nav-submitbt light-text"></div>
                        <div id="info" class="solid-green-2 light-text" style="width: 93.8%; text-align: center; display: none; height: 40px; margin-left: 20px; margin-right: 60px; margin-bottom: 10px; font-size: 14px; padding: 2%; font-family: Trebuchet, Arial, sans-serif; line-height: 17px;">
                        </div>
                        <div class="nav-col-2 dark-text">
                            <iframe width="500" height="400" frameborder="0" src="http://www.bing.com/maps/embed/viewer.aspx?v=3&cp=51.524828~-0.130794&lvl=16&w=500&h=400&sty=r&typ=d&pp=&ps=&dir=0&mkt=en-us&src=SHELL&form=BMEMJS"></iframe>
                        </div>
                        <div class="nav-col-2 dark-text">
                            <form method="post" class="nav-contactform" name="contactform">
                                <input type="text" onfocus="if(this.value=='Fullname') this.value=''" onblur="this.value=this.value==''?'Fullname':this.value;" maxlength="100" value="Fullname" name="fullname" id="fullname" class="solid-blue-2 light-text" />
                                <input type="text" onfocus="if(this.value=='Email') this.value=''" onblur="this.value=this.value==''?'Email':this.value;" maxlength="100" value="Email" name="email" id="email" class="solid-blue-2 light-text" />
                                <input type="text" onfocus="if(this.value=='Subject') this.value=''" onblur="this.value=this.value==''?'Subject':this.value;" maxlength="255" value="Subject" name="subject" id="subject" class="solid-blue-2 light-text" />
                                <textarea onfocus="if(this.value=='Message...') this.value=''" onblur="this.value=this.value==''?'Message...':this.value;" name="message" id="message" class="solid-blue-2 light-text">Message...</textarea>
                                <label class="nav-submitbt solid-green-2 light-text floatright" for="nav-sendmail">
                                    <span>Submit</span>
                                </label>
                                <input type="submit" class="none" value="" id="nav-sendmail" name="submit" />
                            </form>
                        </div>
                        <div class="clearspace"></div>
                        <div class="clearspace"></div>
                    </div>
                    <!-- End Content Zone -->

                </div>
                <!-- End Sub Tab Content - Contact us -->
            </div>
            <!-- End Main Item - Metro Style -->
        </div>
    </div>






    <%-- <div class="fullScreenItem loading" id="contactusPage">
        <div id="containerCenter">
            <div id="container">
                <div class="headerTitle">Drop a line</div>
                <div class="nav-metro">
                    <div class="nav-submenu-content">
                        <div id="info" class="solid-green-2 light-text" style="text-align: center; display: none; height: 40px; margin-left: 20px; margin-right: 60px; margin-bottom: 10px; font-size: 14px; padding: 2%; font-family: Trebuchet, Arial, sans-serif; line-height: 17px;">
                        </div>
                        <div class="nav-col-2 dark-text">
                            <iframe width="500" height="400" frameborder="0" src="http://www.bing.com/maps/embed/viewer.aspx?v=3&cp=51.524828~-0.130794&lvl=16&w=500&h=400&sty=r&typ=d&pp=&ps=&dir=0&mkt=en-us&src=SHELL&form=BMEMJS"></iframe>
                        </div>
                        <div class="nav-col-2 dark-text">
                            <form method="post" class="nav-contactform" name="contactform">
                                <input type="text" onfocus="if(this.value=='Fullname') this.value=''" onblur="this.value=this.value==''?'Fullname':this.value;" maxlength="100" value="Fullname" name="fullname" id="fullname" class="solid-blue-2 light-text" />
                                <input type="text" onfocus="if(this.value=='Email') this.value=''" onblur="this.value=this.value==''?'Email':this.value;" maxlength="100" value="Email" name="email" id="email" class="solid-blue-2 light-text" />
                                <input type="text" onfocus="if(this.value=='Subject') this.value=''" onblur="this.value=this.value==''?'Subject':this.value;" maxlength="255" value="Subject" name="subject" id="subject" class="solid-blue-2 light-text" />
                                <textarea onfocus="if(this.value=='Message...') this.value=''" onblur="this.value=this.value==''?'Message...':this.value;" name="message" id="message" class="solid-blue-2 light-text">Message...</textarea>
                                <label class="nav-submitbt solid-green-2 light-text floatright" for="nav-sendmail">
                                    <span>Submit</span>
                                </label>
                                <input type="submit" class="none" value="" id="nav-sendmail" name="submit" />
                            </form>
                        </div>
                        <div class="clearspace"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>--%>
</asp:Content>

